﻿<!DOCTYPE html>
<html>
  <head>
    <title>好友</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/好友/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/好友/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合 ) -->
      <div id="u2990" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u2991" class="ax_default _形状">
          <img id="u2991_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2992" class="ax_default _水平线">
          <img id="u2992_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2993" class="ax_default _形状">
        <img id="u2993_img" class="img " src="images/好友/u2993.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2994" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2994_img" class="img " src="images/1_1-观看者页面/header_2_u741.png"/>
        <div id="u2994_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">3.</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">2.</span><span style="font-family:'微软雅黑';font-weight:400;">2-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2995" class="ax_default _形状">
        <img id="u2995_img" class="img " src="images/好友/u2995.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2996" class="ax_default _形状">
        <img id="u2996_img" class="img " src="images/节目信息（暂不做）/u1120.png"/>
        <div id="u2996_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2997" class="ax_default _形状">
        <img id="u2997_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u2997_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2998" class="ax_default _文本段落">
        <img id="u2998_img" class="img " src="images/预设直播-选择人群（暂不做）/u1621.png"/>
        <div id="u2998_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">美国 旧金</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2999" class="ax_default _文本段落">
        <img id="u2999_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u2999_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3000" class="ax_default _形状">
        <img id="u3000_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3001" class="ax_default _形状">
        <img id="u3001_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3001_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">已订阅</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3002" class="ax_default _文本段落">
        <img id="u3002_img" class="img " src="images/预设直播-选择人群（暂不做）/u1621.png"/>
        <div id="u3002_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">美国 旧金</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3003" class="ax_default _文本段落">
        <img id="u3003_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3003_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3004" class="ax_default _形状">
        <img id="u3004_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3005" class="ax_default _形状">
        <img id="u3005_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3005_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3006" class="ax_default _水平线">
        <img id="u3006_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3007" class="ax_default _文本段落">
        <img id="u3007_img" class="img " src="images/节目信息（暂不做）/u1055.png"/>
        <div id="u3007_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">林宥嘉</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u3008" class="ax_default _形状">
        <img id="u3008_img" class="img " src="images/观看者-流程图/u513.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3009" class="ax_default _形状">
        <img id="u3009_img" class="img " src="images/节目信息（暂不做）/u1110.png"/>
        <div id="u3009_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">邀请他</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3010" class="ax_default _水平线">
        <img id="u3010_img" class="img " src="images/好友/u3006.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3011" class="ax_default _形状">
        <img id="u3011_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3011_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Twitter</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3012" class="ax_default _形状">
        <img id="u3012_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3012_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Facbook</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3013" class="ax_default _文本段落">
        <img id="u3013_img" class="img " src="images/好友/u3013.png"/>
        <div id="u3013_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1，显示用户第三方平台也登录过本App的好友</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，用户可以订阅/取消订阅</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，未使用本App的用户可以发送私信邀请</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，按照入住在前未入住在后的排序方式</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3014" class="ax_default _文本段落">
        <img id="u3014_img" class="img " src="images/互动/u962.png"/>
        <div id="u3014_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">已绑定第三方平台</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3015" class="ax_default _形状">
        <img id="u3015_img" class="img " src="images/好友/u2993.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3016" class="ax_default _文本段落">
        <img id="u3016_img" class="img " src="images/互动/u962.png"/>
        <div id="u3016_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">未绑定第三方平台</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3017" class="ax_default _形状">
        <img id="u3017_img" class="img " src="images/好友/u2995.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3018" class="ax_default _形状">
        <img id="u3018_img" class="img " src="images/节目信息（暂不做）/u1120.png"/>
        <div id="u3018_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3019" class="ax_default _形状">
        <img id="u3019_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u3019_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3020" class="ax_default _形状">
        <img id="u3020_img" class="img " src="images/好友/u3020.png"/>
        <div id="u3020_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">连接到Twitter</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3021" class="ax_default _形状">
        <img id="u3021_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3021_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Twitter</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3022" class="ax_default _形状">
        <img id="u3022_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3022_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Facbook</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3023" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="162" CompoundMode="true">
        <img id="u3023_img" class="singleImg img " src="images/好友/u3023.png"/>
        <div id="u3023p000" class="ax_vector_shape" WidgetTopLeftX="-0.479166666666667" WidgetTopLeftY="0.0833333333333333" WidgetTopRightX="0.485119047619048" WidgetTopRightY="0.0833333333333333" WidgetBottomLeftX="-0.479166666666667" WidgetBottomLeftY="0.25" WidgetBottomRightX="0.485119047619048" WidgetBottomRightY="0.25">
          <img id="u3023p000_img" class="img " src="images/好友/u3023p000.png"/>
        </div>
        <div id="u3023p001" class="ax_vector_shape" WidgetTopLeftX="-0.125" WidgetTopLeftY="0.125" WidgetTopRightX="-0.125" WidgetTopRightY="40.625" WidgetBottomLeftX="-0.375" WidgetBottomLeftY="0.125" WidgetBottomRightX="-0.375" WidgetBottomRightY="40.625">
          <img id="u3023p001_img" class="img " src="images/好友/u3023p001.png"/>
        </div>
        <div id="u3023p002" class="ax_vector_shape" WidgetTopLeftX="7.20454545454545" WidgetTopLeftY="0.0227272727272727" WidgetTopRightX="-0.159090909090909" WidgetTopRightY="0.0227272727272727" WidgetBottomLeftX="7.20454545454545" WidgetBottomLeftY="-0.0227272727272727" WidgetBottomRightX="-0.159090909090909" WidgetBottomRightY="-0.0227272727272727">
          <img id="u3023p002_img" class="img " src="images/3_2-个人中心/u2830p002.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3024" class="ax_default _文本段落">
        <img id="u3024_img" class="img " src="images/好友/u3024.png"/>
        <div id="u3024_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">链接到第三方平台绑定界面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3025" class="ax_default _文本段落">
        <img id="u3025_img" class="img " src="images/好友/u3025.png"/>
        <div id="u3025_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">账号已经被绑定过</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u3026" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="56" CompoundMode="true">
        <img id="u3026_img" class="singleImg img " src="images/好友/u3026.png"/>
        <div id="u3026p000" class="ax_vector_shape" WidgetTopLeftX="-0.467741935483871" WidgetTopLeftY="0" WidgetTopRightX="0.435483870967742" WidgetTopRightY="0" WidgetBottomLeftX="-0.467741935483871" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.435483870967742" WidgetBottomRightY="0.166666666666667">
          <img id="u3026p000_img" class="img " src="images/好友/u3026p000.png"/>
        </div>
        <div id="u3026p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="14" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="14" WidgetBottomRightY="0">
          <img id="u3026p001_img" class="img " src="images/图例/u14p001.png"/>
        </div>
        <div id="u3026p002" class="ax_vector_shape" WidgetTopLeftX="2.40909090909091" WidgetTopLeftY="0.05" WidgetTopRightX="-0.136363636363636" WidgetTopRightY="0.05" WidgetBottomLeftX="2.40909090909091" WidgetBottomLeftY="0" WidgetBottomRightX="-0.136363636363636" WidgetBottomRightY="0">
          <img id="u3026p002_img" class="img " src="images/图例/u14p002.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3027" class="ax_default _文本段落">
        <img id="u3027_img" class="img " src="images/好友/u3027.png"/>
        <div id="u3027_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">如果用户绑定的Facebook/Twitter账号以被绑定</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">过此处弹出toast提示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3028" class="ax_default _文本段落">
        <img id="u3028_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u3028_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">37</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3029" class="ax_default _形状">
        <img id="u3029_img" class="img " src="images/好友/u2995.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3030" class="ax_default _形状">
        <img id="u3030_img" class="img " src="images/节目信息（暂不做）/u1120.png"/>
        <div id="u3030_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3031" class="ax_default _形状">
        <img id="u3031_img" class="img " src="images/观看者-流程图/u416.png"/>
        <div id="u3031_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3032" class="ax_default _形状">
        <img id="u3032_img" class="img " src="images/好友/u3020.png"/>
        <div id="u3032_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">连接到Twitter</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3033" class="ax_default _形状">
        <img id="u3033_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3033_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Twitter</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3034" class="ax_default _形状">
        <img id="u3034_img" class="img " src="images/好友/u3011.png"/>
        <div id="u3034_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">Facbook</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3035" class="ax_default _形状">
        <img id="u3035_img" class="img " src="images/编辑个人信息/u2947.png"/>
        <div id="u3035_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">该Facebook/Twitter账号已经被</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">绑定过了</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3036" class="ax_default _形状">
        <img id="u3036_img" class="img " src="images/编辑个人信息/u2987.png"/>
        <div id="u3036_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">邀请成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3037" class="ax_default _文本段落">
        <img id="u3037_img" class="img " src="images/好友/u3037.png"/>
        <div id="u3037_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">点击过后，弹出toast，自动发送一条个人状态</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">无网络弹出共用无网络toast</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">文案参考文案文档</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3038" class="ax_default _文本段落">
        <img id="u3038_img" class="img " src="images/好友/u3038.png"/>
        <div id="u3038_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅成功显示toats</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3039" class="ax_default _形状">
        <img id="u3039_img" class="img " src="images/好友/u3039.png"/>
        <div id="u3039_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">订阅成功</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3040" class="ax_default _文本段落">
        <img id="u3040_img" class="img " src="images/好友/u3038.png"/>
        <div id="u3040_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消订阅显示toats</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3041" class="ax_default _形状">
        <img id="u3041_img" class="img " src="images/好友/u3039.png"/>
        <div id="u3041_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消订阅</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
